<template>
    <!-- 侧边栏 -->
    <el-menu active-text-color="#ffd04b" background-color="#fff" class="el-menu-vertical-demo" default-active="tuijian"
        text-color="#000" router>
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <Discount />
                </el-icon>
                <span>精品推荐</span>
            </template>
            <el-menu-item-group title="创意精品">
                <el-menu-item index="tuijian"><el-icon>
                        <House />
                    </el-icon>
                    精品推荐
                </el-menu-item>
                <el-menu-item index="worktable">
                    <el-icon>
                        <DataLine />
                    </el-icon>
                    工作台
                </el-menu-item>
                <el-menu-item index="">
                    <el-icon>
                        <LocationFilled />
                    </el-icon>
                    创建设置
                </el-menu-item>
                <el-menu-item index="">
                    <el-icon>
                        <Watch />
                    </el-icon>
                    偏好设置
                </el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

        <el-menu-item index="/template">
            <template #title>
                <el-icon>
                    <Discount />
                </el-icon>
                <span>创建模板</span>
            </template>
        </el-menu-item>
    </el-menu>
</template>

<script setup lang="ts">

</script>

<style scoped>
.el-menu {
    height: 100%;
}
</style>